<!DOCTYPE html>
<html lang="en" xmls:th="http://www.thmeleaf.org" xmlns:xmls="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>update</title>
    <script src="jquery-1.10.2.min.js"></script>
    <style>

        table,td,th
        {
            border:1px solid black;
        }
        table
        {
            opacity:0.9;
            text-align: center;
            width:80%;
        }
        th
        {
            height:50px;
        }
        #header {
            margin-top: 10%;
        }

        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #333;
        }

        li {
            float: left;
        }

        li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }

        li a:hover {
            background-color: #111;
        }
    </style>
</head>
<body>
<table>
<center>
    <h3>图书信息添加页面</h3>
    <form action="/book/addBook" method="post" enctype="multipart/form-data">
        图书名:<input th:type="text" name="name"><br>
        图书出版社:<input th:type="text" id="publish" name="publish"><br>
        作者:<input th:type="text" name="auth" id="auth"/><br>
        图书价格:<input th:type="number" step="0.01" id="price" name="price"><br>
        <br>
        <input type="reset" id="wrap-clear" value="重置"/>
        <input type="submit" value="添加" >
    </form>
</center>
</table>
</body>
</html>